<template>
	
	<view class="d-flex flex-column page_home">
		<view class="top_circle">
			<view class="d-flex flex-row justify-space-between align-center top_box">
				<view class="d-flex flex-row justify-center align-center">
					<image class="avator" src="/static/img/Avator.png"></image>
					<view style="margin-left: 10px;color: white;">点击授权</view>
				</view>
				<uni-icons type="forward" style="color: white;"></uni-icons>
			</view>
			
			
		</view>
		
		<view class="d-flex flex-row justify-space-between box">
			<view>我的订单</view>
			<view class="d-flex flex-row " @click="orderList">
				<view class="font_size">查看全部订单</view>
				<uni-icons type="forward" size="20"></uni-icons>
			</view>
		
		</view>
		<view class="box d-flex flex-row align-center justify-space-around">
			<view class="d-flex flex-column flex-center">
				<uni-icons type="checkbox" size="30"></uni-icons>
				<view class="font_size">待确认</view>
				
				
			</view>
			<view class="d-flex flex-column flex-center">
				<uni-icons type="shop" size="30"></uni-icons>
				<view class="font_size">待服务</view>
				
				
			</view>
			<view class="d-flex flex-column flex-center">
			<uni-icons type="cart" size="30"></uni-icons>
				<view class="font_size">待支付</view>
				
				
			</view>
			<view class="d-flex flex-column flex-center">
					<uni-icons type="compose" size="30"></uni-icons>
				<view class="font_size">待评价</view>
				
				
			</view>
		</view>
			
		
	</view>
		
		
</template>

<script>
	export default {
		data(){
			return {
				serviceList:[
				
				],
				dataList:[],
			}
		},
		methods:{
			orderList(){
				uni.navigateTo({
					url:"/pages/orderList/index"
				})
			}
		}
	}
</script>

<style lang="scss">
	
	.page_home{
		background-color:$uni-bg-color-grey;
		height: 100vh;
	}
	.font_size{
		font-size: 13px;
	}
	.top_circle{
		width: 100vw;
		height: 200px;
		display: flex;
		flex-direction: column-reverse;
	    
		background-color: $uni-color-primary;
	
	}
	.avator{
		width: 80px;
		height: 80px;
	}
	.top_box{
		box-sizing: border-box;
		padding: 10px;
		margin-bottom: 80rpx;
	}
	.box{
		box-sizing: border-box;
		background-color: white;
		padding: 1rem;
	}
</style>